<template>
  <div id="app">
    <div>
      <h1>vue2-webpack5-router3-mockjs-vuex3</h1>
      <a-button @click="goto('Vuex3')">Vuex3</a-button>
      <a-button @click="goto('Mockjs')">Mockjs</a-button>
      <a-button @click="goto('Echarts')">Echarts</a-button>
      <a-button @click="goto('BigScreen')">BigScreen</a-button>
      <div style="border: 1px solid black">
        <router-view />
      </div>
    <myFooter class="m-t-10" />
    </div>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {};
  },
  methods: {
    goto(v) {
      if (!this.$route.path.includes(v)) {
        this.$router.push("/" + v);
      }
    },
  },
};
</script>

<style lang="scss"></style>
